@extends('layout.adminindex')
@section('title', '后台用户添加')


@section('topmain')
<div class="top">
            <div class="topleft">
            <a href="{{url('/admin')}}" target="_parent"><img src="{{ URL::asset('adminlizzj/images/logo.png') }}" title="系统首页" /></a>
            </div>  
            <ul class="nav">
            <li><a href="{{url('/admin')}}"  class="selected"><img src="{{ URL::asset('adminlizzj/images/icon01.png') }}" title="后台首页" /><h2>后台首页</h2></a></li>
            <li><a href="{{url('/admin/cate')}}" ><img src="{{ URL::asset('adminlizzj/images/icon02.png') }}" title="导航管理" /><h2>导航管理</h2></a></li>
             <li><a href="{{url('/admin/content')}}" ><img src="{{ URL::asset('adminlizzj/images/icon03.png') }}" title="内容管理" /><h2>内容管理</h2></a></li>
            <li><a href="#" ><img src="{{ URL::asset('adminlizzj/images/icon04.png') }}" title="常用工具" /><h2>常用工具</h2></a></li>
            <li><a href="#" ><img src="{{ URL::asset('adminlizzj/images/icon05.png') }}" title="文件管理" /><h2>文件管理</h2></a></li>
            <li><a href="#" ><img src="{{ URL::asset('adminlizzj/images/icon06.png') }}" title="系统设置" /><h2>系统设置</h2></a></li>
            </ul>   
            <div class="topright">    
            <ul>
            <li><a href="{{url('/')}}">前台首页</a></li>
            <li><span><img src="{{ URL::asset('adminlizzj/images/help.png') }}" title="帮助"  class="helpimg"/></span><a href="#">帮助</a></li>
            <li><a href="#">关于</a></li>
            <!-- 关于退出部分的操作  点击过去然后 获取session中的id  然后查找logining 将获取的值相相互等于一下就好了 然后-->
            <li><a href="{{url('/admin/login/loginout')}}" >退出</a></li>
            </ul>
            <div class="user">
            @if(Session::has('username'))           
            <span>{{Session::get('username')}} </span>
            @endif
            <i>{{$usersessioninfo->userlevel}}</i>
            <b>5</b>
            </div>    
            </div>
        </div>
@endsection

@section('leftmain')
<div class="indexleft">
 	<div class="lefttop"><span></span>快捷管理</div>
    
   <dl class="leftmenu">
        
    <dd>
    <div class="title">
    <span><img src="{{ URL::asset('adminlizzj/images/leftico01.png') }}"></span>管理信息
    </div>
    	<ul class="menuson" style="display: none;">
        <li><cite></cite><a href="">首页模版</a><i></i></li>
        <li><cite></cite><a href="">数据列表</a><i></i></li>
        <li><cite></cite><a href="#">图片数据表</a><i></i></li>
        <li><cite></cite><a href="#">添加编辑</a><i></i></li>
        <li><cite></cite><a href="#">图片列表</a><i></i></li>
        <li><cite></cite><a href="#">自定义</a><i></i></li>
        <li><cite></cite><a href="#">常用工具</a><i></i></li>
        <li><cite></cite><a href="#">信息管理</a><i></i></li>
        <li><cite></cite><a href="#">Tab页</a><i></i></li>
        <li><cite></cite><a href="#">404页面</a><i></i></li>
        </ul>    
    </dd>
        
    
    <dd><div class="title"><span><img src="{{ URL::asset('adminlizzj/images/leftico02.png') }}" /></span>其他设置</div>
    <ul class="menuson">
        <li><cite></cite><a href="#">编辑内容</a><i></i></li>
        <li><cite></cite><a href="#">发布信息</a><i></i></li>
        <li><cite></cite><a href="#">档案列表显示</a><i></i></li>
        </ul>     
    </dd> 
    <dd><div class="title"><span><img src="{{ URL::asset('adminlizzj/images/leftico03.png') }}" /></span>编辑器</div>
    <ul class="menuson">
        <li><cite></cite><a href="#">自定义</a><i></i></li>
        <li><cite></cite><a href="#">常用资料</a><i></i></li>
        <li><cite></cite><a href="#">信息列表</a><i></i></li>
        <li><cite></cite><a href="#">其他</a><i></i></li>
    </ul>    
    </dd>  
  <dd><div class="title"><span><img src="{{ URL::asset('adminlizzj/images/leftico04.png') }}" /></span>日期管理</div>
    <ul class="menuson">
        <li><cite></cite><a href="#">自定义</a><i></i></li>
        <li><cite></cite><a href="#">常用资料</a><i></i></li>
        <li><cite></cite><a href="#">信息列表</a><i></i></li>
        <li><cite></cite><a href="#">其他</a><i></i></li>
    </ul>
    
    </dd>   
				<!-- 修改的部分开始 -->
		     <dd><div class="title"><span><img src="{{ URL::asset('adminlizzj/images/leftico04.png') }}" /></span><a href="#">用户管理</a></div>
		    <ul class="menuson" style="display: block;">
		        <li><cite></cite><a href="{{url('/admin/user')}}">用户列表</a><i></i></li>
		        <li class="active"><cite></cite><a href="{{url('/admin/user/add')}}">用户添加</a><i></i></li>
		    </ul>
		    </dd> 
			<!-- 修改的部分结束 -->
    </dl>
   </div>

		@endsection

		@section('rightmain')


    	<div class="place"  style="width:1300px">
        <span>位置：</span>
        <ul class="placeul">
        <li><a href="{{url('/admin')}}">首页</a></li>
        <li><a href="{{url('/admin/user')}}">用户管理</a></li>
        <li><a href="{{url('/admin/user/add')}}">用户添加</a></li>
        </ul>
        </div>
        
       
        
       <div class="formbody">
        
        <div class="formtitle"><span>用户基本信息</span></div>
        <form action="/admin/user/insert" method="post">
        <ul class="forminfo">
            <div id="errorshow">

                @if (count($errors) > 0)
                    <div class="alert alert-danger">

                        <ul>
                        <li>添加失败:</li>
                            @foreach ($errors->all() as $error)
                                <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
        <li><label>用户名</label><input name="username" class="dfinputuser" type="text"><i>6-15位字母数字下划线</i></li>
        <li><label>用户密码</label><input name="userpassword" class="dfinputuser" type="password"><i>密码不能超过15个字符</i></li>
        <li><label>确认密码</label><input name="repassword" class="dfinputuser" type="password"><i>请保持两次密码一致</i></li>
        <li><label>用户邮箱</label><input name="useremail" class="dfinputuser" type="text"><i>请输入用户常用的邮箱,以便激活</i></li>
        <li><label>是否审核</label><cite><input name="useraudit" type="radio" value="yes" />已审核 &nbsp;&nbsp;&nbsp;&nbsp;<input name="useraudit" type="radio" value="no" />未审核</cite></li>
        <li><label>用户权限</label>
                <div class="usercity">
                    <div class="cityleft">
                        <div class="uew-select">
                                <select class="select2" style="width: 140px;" name="userlevel">
                                    <option name="userlevel" value="2">普通管理员</option>
                                    <option name="userlevel" value="3">临时管理员</option>
                                </select>
                        </div>
                    </div>
                </div>
        </li>
             {{csrf_field()}}
        <li><label>备注信息</label><textarea name="userremark" cols="" rows="" class="textinput"></textarea></li>
        <li><label>&nbsp;</label><input class="btnuser" value="添加" type="submit">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class="btnuser" value="重置" type="reset"></li>
        </ul>
        
        </form>
        </div>
        
        </div>
    
    
    
    
    </div>
    
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
            var error = document.getElementById('errorshow');
                    error.onclick = function(){
                        document.getElementById('errorshow').style.display = 'none';
                    }
	       // 声明全局变量 检测input 是否输入正确
            var USERNAMES = false;
  


            //绑定表单提交事件
            $('form').submit(function(){
                //触发所有的丧失焦点事件
                $('input').trigger('blur');
                if(USERNAMES){
                    return true;
                }
                //阻止默认行为
                return false;
            })

            //邮箱丧失焦点事件
            $('input[name= username]').blur(function(){
                //获取邮箱的值
                var username = $(this).val();
                // 判断邮箱是否为空
                if(username == ''){
                    // 为空
                    $(this).next().html('用户名不能为空').css('color','red');   
                }else{
                    var inp = $(this);
                    // 发送ajax
                    $.ajax({
                        url:'{{"/test"}}',
                        data:{username:username},
                        type:'get',
                        //同步
                        async:false,
                        success:function(data){
                            //判断用户名是否可用
                            if(data == 0){
                                //可以用
                                inp.next().html('您可以使用该用户名').css('color','green');
                                //修改全局变量
                                USERNAMES = true;
                            }else{
                                //用户不可用
                                inp.next().html('该用户已存在').css('color','red');
                            }
                        },
                        error:function(){
                            alert('ajax错误');
                        }
                    })
                }               
            })



</script>






		@endsection